@import '@common/styles/index.scss';
@import '@common/styles/index.scss';

.loadMoreContainer {
  display: flex;
  justify-content: center;
  align-items: center;

  padding-top: rem(16);
  padding-bottom: rem(16);

  :global {
    .dzq-spin--spinner {
      color: $text-color-placeholder;
    }
  }
}

.searchInputWrapper {
  padding: $padding-2n $padding-4n;
  :global {
    .dzq-input {
      width: 100%;

      .dzq-icon {
        height: rem(44);
        line-height: rem(44);
        width: rem(32);
        // margin-right: rem(16);
        box-sizing: border-box;
      }

      input {
        height: rem(44);
        line-height: rem(44);
        // padding-left: rem(16);
      }
    }
  }
}

.messageButton {
  height: rem(25);
  width: rem(88);
  font-size: rem(12);
  line-height: rem(25);
  padding: 0;
}

.messageButtonContent {
  display: flex;
  justify-content: center;
  align-items: center;

  span {
    margin-left: rem(4);
  }
}

.friendWrap {
  overflow: hidden;
}

.friendWrap.display-none {
  display: none;
}

:global {
  .user-center-follow-list {
      &::-webkit-scrollbar {
          display: block;
          width: 8px;
          border-radius: $border-radius-small;
      }


      // 滚动条轨道
      &::-webkit-scrollbar-track {
          background: transparent;
      }

      // 滚动条上的滚动滑块
      &::-webkit-scrollbar-thumb {
          background: $border-shadow-color;
          border-radius: 4px;
      }
  }
}